<template>
  <view>
    <view class="centre_script">
      <view class="centre_script_top">
        <view class="dot"></view>
        <view class="describe">常见问题系列通用描述文本填写</view>
      </view>
      <view class="title_hint"
        >通常情况下问题的解决方案与措施教程通常情通常情况下问题的解决方案与措施教程通常情通常情况下问题的解决方案与措施教程通常情通常情况下问题的解决方案与措施教程通常情</view
      >
    </view>

    <view class="centre_script">
      <view class="centre_script_top">
        <view class="dot"></view>
        <view class="describe">常见问题系列通用描述文本填写</view>
      </view>
      <view class="title_hint"
        >通常情况下问题的解决方案与措施教程通常情通常情况下问题的解决方案与措施教程通常情通常情况下问题的解决方案与措施教程通常情通常情况下问题的解决方案与措施教程通常情</view
      >
    </view>

    <view class="service" @click="btnok"> 联系客服 </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    btnok() {
      uni.navigateTo({
        url: "/pages_v2/helpcenter/supportstaff/index",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.centre_script {
  width: 670rpx;

  margin: 0 auto;
  overflow: hidden;
  border-bottom: 1rpx solid #f4f4f4;
  .centre_script_top {
    display: flex;
    align-items: center;
    margin: 42rpx 0 31rpx 0;
    .dot {
      width: 18rpx;
      height: 18rpx;
      border-radius: 50%;
      background-color: #356ce7;
      margin-right: 13rpx;
    }
    .describe {
      height: 45rpx;

      font-size: 32rpx;
      color: #000;
      font-weight: 700;
    }
  }
  .title_hint {
    font-size: 26rpx;
    color: #4a4a4a;
    line-height: 42rpx;
    margin-bottom: 40rpx;
  }
}
.service {
  position: fixed;
  bottom: 33rpx;
  left: 50%;
  width: 710rpx;
  height: 90rpx;
  font-size: 30rpx;
  font-weight: 700;
  color: #000;
  background-color: #f8f8f8;
  text-align: center;
  line-height: 90rpx;
  transform: translate(-50%);
}
</style>